<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <meta content="IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible">
        <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible"/>
        <title>用户绑定汇付宝</title>
        <link href="/images/favicon.ico" rel="icon">
        <link href="/css/base.css" media="screen" rel="stylesheet" type="text/css"/>
        <script src="/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    </head>
    <body>
        <div class="tophui">
            <div align="right" class="topcont">汇付宝托管平台</div>
        </div>
        <div class="header">
            <div class="fl"><a href="http://www.heepay.com/"><img height="61" src="/images/logo.png" width="169"/></a>
            </div>
            <input class="s_button fr" id="button" name="button" type="submit" value="搜索"/>
            <div class="search"><input class="s_input" name="" type="text"/>
            </div>
        </div>

        <div class="line" id="main">
            <form action="/userAccount/recharge" id="form" method="post">
                <input th:each="map : ${paramMap}" th:name="${map.key}" th:value="${map.value}" type="hidden"/>

                <div style="padding: 20px 20px">
                    <div class="divTitle">充值信息</div>
                    <div style="padding: 5px 5px">个人信息</div>
                    <table class="gridtable">
                        <tr>
                            <td width="50%">姓名：<span th:text="${userBind.personalName}"></span></td>
                            <td>手机：<span th:text="${userBind.mobile}"></span></td>
                        </tr>
                        <tr>
                            <td width="50%">身份证：<span th:text="${userBind.idCard}"></span></td>
                            <td>邮箱：<span th:text="${userBind.email}"></span></td>
                        </tr>
                    </table>

                    <div style="padding: 5px 5px;margin-top: 30px;">充值信息</div>
                    <table class="gridtable">
                        <tr>
                            <td width="50%">银行名称：民生银行</td>
                            <td>卡号：<span th:text="${userBind.bankNo}"></span></td>
                        </tr>
                        <tr>
                            <td>充值金额：<span th:text="${paramMap.chargeAmt}">元</span></td>
                            <td></td>
                        </tr>
                    </table>
                    <div style="padding: 5px 5px; margin-top: 30px;">支付密码</div>
                    <table class="gridtable">
                        <tr>
                            <td width="50%">支付密码：<input class="inputTxt" id="payPasswd" name="payPasswd"
                                                        type="password"></td>
                        </tr>
                    </table>

                    <div style="padding: 5px 5px; margin-top: 20px;">
                        <input class="inputSubmit" id="submitForm" type="button" value="确定"/>
                    </div>
                </div>
            </form>
        </div>

        <div class="footer">
            <p class="hui">地址：北京市海淀区 电话：010-88888888</p>
            <p class="hui">Copyright © 2020 北京尚融宝科技有限公司 All Rights Reserved 京ICP备15000000号</p>
        </div>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#submitForm").click(function () {
                    var payPasswd = $("#payPasswd").val();
                    if (payPasswd == '') {
                        alert("支付密码必须输入")
                        return
                    }
                    $("#form").submit();
                });
            });
        </script>
    </body>
</html>
